<template>
  <div>
    <h1>{{ msg }}</h1>
    <button @click="fn">翻转,小写</button>
    <button @click="fnn">翻转,大写</button>
  </div>
</template>

<script>
function reverse(str) {
  return str.split("").reverse().join("");
}
export default {
  data() {
    return {
      msg: "hello",
    };
  },
  methods: {
    fn() {
      this.msg = reverse(this.msg).toLowerCase();
    },
    fnn() {
      this.msg = reverse(this.msg).toUpperCase();
    },
  },
};
</script>

<style>
</style>